// colorBlock

import { autorun } from "mobx";
import { useEffect, useRef, useState } from "react";
import styles from "./colorBlock.module.less";

interface Iprops {
  color: `#${string}`
}

// 圆形色块
export default function ColorBlock(props: Iprops) {
  return (
    <div
      className={styles.colorBlock}
      style={{ backgroundColor: props.color || "#ffffff" }}
    >
    </div>
  );

}